::v-deep {
  .base-menu__content:not(.el-menu--collapse) {
    width: 240px;
  }

  .base-menu__span-mousedown {
    color: $white !important;
  }

  .el-submenu {
    margin-bottom: 10px;

    .el-menu-item {
      margin-bottom: 0;
    }
  }

  .el-menu-item {
    height: 48px;
    line-height: normal;
    @include flexCenter;
    font-size: $f-s-16 !important;
  }

  .el-submenu__title {
    color: $white;
    height: 48px;
    line-height: normal;
    @include flexCenter;
    font-size: $f-s-16;
  }

  .el-menu {
    background: none;
    z-index: 1;

    &__title {
      color: $white;
    }

    .is-active {
      background: none;
      color: #81bbff;
    }
  }

  .el-submenu__icon-arrow {
    margin-right: 10px;
    color: $white;
  }

  .el-submenu__title {
    color: $white;
  }

  .el-menu-item {
    color: $white;
  }

  .el-menu-item:hover {
    background: #272A33;
    color: #81BBFF;
  }

  .el-menu-item:focus {
    background: #373B47;
    border-right: 6px solid $blue-light;
  }

  .el-submenu__title:hover {
    background: #272A33;
    color: #81BBFF;
  }
}

.base-menu {
  height: 100%;

  &__content {
    height: 100%;
    color: #fff;
    background: #323642;
  }
}
